<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小米账号-登录</title>
    <link rel="stylesheet" href="../reset.css">
    <link rel="shortcut icon" href=" ../bitbug_favicon.ico" />
    <link rel="stylesheet" href="./login.css">
</head>

<body>
    <div id="wrap">
        <div id="left">
            <img src="./img/bg.jpg" alt="">
        </div>


        <div id="right">

            <div class="rig">
                <img src="./img/logo.png" alt="">
                <div class="font">
                    <span><a href="#">用户协议</a></span>
                    <span><a href="#">隐私政策</a></span>
                    <span><a href="#">帮助中心</a></span>
                    <span>|</span>
                    <span style="margin-right: 32px;"><a href="#">中文(简体)</a></span>
                </div>
            </div>





            <!-- input表单登录 -->
            <div class="inp" style="display: block;" id="login">
                <p class="nav">
                    <span class="login" style="border-bottom: 4px solid #fd6d1c">
                        <a href="#">登录</a>
                    </span>

                    <span class="register">
                        <a href="#">注册</a>
                    </span>
                </p>

                <form action="" name="login" id="form">
                    <p id="uname">
                        <input class="text" type="text" name="uname" placeholder="邮箱/手机号/小米ID"
                            style="margin-right: 20px;">
                    </p>

                    <p id="pwd">
                        <input class="pwd" type="password" name="pwd" placeholder="密码" style="margin-right: 20px;">
                    </p>

                    <p id="che">
                        <span><input type="checkbox" class="che" /></span>
                        <span class="argument">已阅读并同意小米帐号用户协议和隐私政策</span>
                    </p>


                    <input id="btn1" type="submit" value="登录"
                        style="background-color: rgb(255, 92, 0); color: #fff !important;" />

                </form>


                <p class="other">
                    <span><a href="#">忘记密码?</a></span>
                    <span><a href="#">手机登录</a></span>
                </p>


                <p class="otherWay"><a href="#">其他方式登录</a></p>

                <div class="qq">
                    <img src="http://localhost/mi/login/img/login.png" alt="">
                </div>

            </div>



            <!-- --register注册表单 -->

            <div class="inp" style="height: 620px; display: none;" id="register">
                <p class="nav">
                    <span class="login">
                        <a href="#">登录</a>
                    </span>

                    <span class="register">
                        <a href="#">注册</a>
                    </span>
                </p>

                <form action="" name="register" method="get">
                    <p id="photo">
                    </p>
                    <p id="dpwd">
                        <input class="pwd" type="text" name="phoneNumber" placeholder="手机号" style="margin-right: 20px;">
                    </p>
                    <p id="dcode">
                        <input class="Verification" type="password" name="code" placeholder="密码"
                            style="margin-right: 20px;">
                    </p>
                    <p id="ar">
                        <span><input type="checkbox" class="che" /></span>
                        <span class="argument">已阅读并同意小米帐号用户协议和隐私政策</span>

                    </p>

                    <button type="submit" id="btn2" style="background-color: rgb(255, 92, 0);color: white;">注册</button>

                </form>





                <a href="#" class="no">收不到验证码？</a>


                <p class="otherWay"><a href="#">其他方式登录</a></p>

                <div class="qq" style="bottom: 130px;">
                    <img src="http://localhost/mi/login/img/login.png" alt="">
                </div>

            </div>



        </div>



    </div>

    <script src="./login.js"></script>

</body>

</html>